<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <title><?php echo $this->webinfo('title'); ?></title>

    <!--js-->
    <script src="<?php echo $this->templateURL; ?>/js/jquery-1.8.2.min.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/common.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.easing.1.3.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/ddsmoothmenu.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.flexslider.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.elastislide.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.jcarousel.min.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.accordion.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/light_box.js"></script>
    <?php echo $this->headScript(); ?>
    <script>
        function loadCart(){
            $.ajax({
                url: '<?php echo $this->url(array(), 'loadCart', true); ?>',
                success: function callback(data){
                    $("div.cart-block").empty();
                    $("div.cart-block").html(data);
                }
            });
        }
        
        function removeFromCart(id, refresh){
            $.ajax({
                url: '<?php echo $this->url(array(), 'deleteItemFromCart', true); ?>',
                data: {'id': id},
                success: function callback(data){
                    loadCart();
                    
                    if(refresh == 'true'){
                        window.location.reload();
                    }
                }
            });
        }
    </script>
    <script type="text/javascript">
    $(document).ready(function () {
            /*$(".inline")
                .colorbox({
                inline: true,
                width: "50%"
            });*/
            
            loadCart();
    });
    </script>
    <!--end js-->

    <!-- Mobile Specific Metas ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
    />

    <!-- CSS ================================================== -->

    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/style.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/colors.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/skeleton.css"
    />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/layout.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/ddsmoothmenu.css"
    />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/elastislide.css"
    />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/home_flexslider.css"
    />

    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/light_box.css"
    />
    <link href="../../../html5shiv.googlecode.com/svn/trunk/html5.js" />

    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    <!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

</head>

<body>
    <div class="mainContainer sixteen container">
        <!--Header Block-->
        <div class="header-wrapper">
            <header class="container">
                <div class="head-right">
                    <ul class="top-nav">
                        <?php 
                                $info = new Zenddn_System_Info(); 
                                
                                $accountUrl = $this->url(array(), 'account', true);
                                $accountText = $this->translate('account');
                                
                                if($info->checkLogin()){
                                    $loginUrl = $this->url(array(), 'account_logout', true);
                                    $loginText = $this->translate('logout');
                                }else{
                                    $loginUrl = $this->url(array(), 'account_login', true);
                                    $loginText = $this->translate('login');
                                }
                            ?>
                        <li>
                            <a href="<?php echo $accountUrl; ?>" title="<?php echo $accountText; ?>">
                                <?php echo $accountText; ?>
                            </a>
                        </li>
                        <li class="my-wishlist"><a href="404_error.html" title="My Wishlist">My Wishlist</a>
                        </li>
                        <li class="contact-us"><a href="contact_us.html" title="Contact Us">Contact Us</a>
                        </li>
                        <li class="checkout"><a href="404_error.html" title="Checkout">Checkout</a>
                        </li>
                        <li class="log-in">
                            <a href="<?php echo $loginUrl; ?>" title="<?php echo $this->translate('login') ?>">
                                <?php echo $loginText; ?>
                            </a>
                        </li>
                    </ul>
                    <!--<ul class="currencyBox">
                        <li id="header_currancy" class="currency"> 
                            <a class="mainCurrency" href="#">Currency: USD</a>
                            <div id="currancyBox" class="currency_detial"> <a href="#">£</a>  <a href="#">€</a>  <a href="#">$</a> 
                            </div>
                        </li>
                    </ul>-->
                    <section class="header-bottom">
                        <?php echo $this->render('cart.phtml'); ?>
                        <?php //echo $this->render('search.phtml'); ?>
                    </section>
                </div>
                <h1 class="logo">
                    <?php foreach($this->banner('logo') as $data): ?>
                        <a href="<?php echo $this->url(array(),'home', true); ?>" title="<?php echo $data->name; ?>">
                            <img title="<?php echo $data->name; ?>" alt="<?php echo $data->name; ?>" src="<?php echo $this->baseUrl('/upload/') . $data->image; ?>" />
                        </a>
                    <?php endforeach; ?>
                </h1>
                <script>
                    $(function(){
                        $("li.active").removeClass('active');
                        $("li#<?php echo $this->page ?>").addClass('active');
                    })
                </script>
                <nav id="smoothmenu1" class="ddsmoothmenu mainMenu">
                    <ul id="nav">
                        <li id="home">
                            <a href="<?php echo $this->url(array(),'home', true); ?>" title="<?php echo $this->translate('home'); ?>">
                                <?php echo $this->translate('home'); ?>
                            </a>
                        </li>
                        <li id="support_checkout">
                            <a href="<?php echo $this->url(array(),'supportCheckout', true); ?>" title="<?php echo $this->translate('support checkout'); ?>">
                                <?php echo $this->translate('support checkout'); ?>
                            </a>
                        </li>
                        <li id="support_install">
                            <a href="<?php echo $this->url(array(),'supportInstall', true); ?>" title="<?php echo $this->translate('support install'); ?>">
                                <?php echo $this->translate('support install'); ?>
                            </a>
                        </li>
                        <li id="support">
                            <a href="<?php echo $this->url(array(),'support', true); ?>" title="<?php echo $this->translate('support'); ?>">
                                <?php echo $this->translate('support'); ?>
                            </a>
                        </li>
                        <li id="support_faq">
                            <a href="<?php echo $this->url(array(),'supportFaq', true); ?>" title="<?php echo $this->translate('faq'); ?>">
                                <?php echo $this->translate('faq'); ?>
                            </a>
                        </li>
                        <li id="support_get_keys">
                            <a href="<?php echo $this->url(array(),'support_getKeys', true); ?>" title="<?php echo $this->translate('faq'); ?>">
                                <?php echo $this->translate('get keys'); ?>
                            </a>
                        </li>
                    </ul>
                </nav>

                <div class="mobMenu">
                    <h1>
                        <span>Menu</span>
                            <a class="menuBox highlight" href="javascript:void(0);">ccc</a>
                        <span class="clearfix"></span>
                    </h1>
                    <div id="menuInnner" style="display:none;">
                        <ul class="accordion">
                            <li id="home">
                                <a href="<?php echo $this->url(array(),'home', true); ?>" title="<?php echo $this->translate('home'); ?>">
                                    <?php echo $this->translate('home'); ?>
                                </a>
                            </li>
                            <li id="support_checkout">
                                <a href="<?php echo $this->url(array(),'supportCheckout', true); ?>" title="<?php echo $this->translate('support checkout'); ?>">
                                    <?php echo $this->translate('support checkout'); ?>
                                </a>
                            </li>
                            <li id="support_install">
                                <a href="<?php echo $this->url(array(),'supportInstall', true); ?>" title="<?php echo $this->translate('support install'); ?>">
                                    <?php echo $this->translate('support install'); ?>
                                </a>
                            </li>
                            <li id="support">
                                <a href="<?php echo $this->url(array(),'support', true); ?>" title="<?php echo $this->translate('support'); ?>">
                                    <?php echo $this->translate('support'); ?>
                                </a>
                            </li>
                            <li id="support_faq">
                                <a href="<?php echo $this->url(array(),'supportFaq', true); ?>" title="<?php echo $this->translate('faq'); ?>">
                                    <?php echo $this->translate('faq'); ?>
                                </a>
                            </li>
                            <span class="clearfix"></span>
                        </ul>

                    </div>
                </div>

            </header>
        </div>
        <!--Banner Block-->
        <section class="banner-wrapper">
            <div class="banner-block container">
                <?php echo $this->render('slider.phtml'); ?>
            </div>
        </section>
        <!--Content Block-->
        <section class="content-wrapper">
            <div class="content-container container">
                <div class="breadcrum-container">
                    <?php //echo $this->render('breadcrum.phtml'); ?>
                </div>
                <div class="col-left">
                    <?php echo $this->render('sidebar-left.phtml'); ?>
                </div>
                <div class="col-main">
                    <?php echo $this->render('banner-category.phtml'); ?>
                    <?php echo $this->layout()->content; ?>
                </div>
                <div class="clearfix"></div>
                <?php echo $this->render('newsletter.phtml'); ?>
            </div>
        </section>
    </div>
    <!--Quick view Block-->
    <script type="text/javascript">
jQuery(function () {
    var tabContainers = jQuery('div.tabs > div');
    tabContainers.hide()
        .filter(':first')
        .show();
    jQuery('div.tabs ul.tabNavigation a')
        .click(function () {
            tabContainers.hide();
            tabContainers.filter(this.hash)
                .show();
            jQuery('div.tabs ul.tabNavigation a')
                .removeClass('selected');
            jQuery(this)
                .addClass('selected');
            return false;
        })
        .filter(':first')
        .click();
});
    </script>
    <article style="display:none;">
        <section id="quick-view-container" class="quick-view-wrapper">
            <div class="quick-view-container">
                <div class="quick-view-left">
                    <h2>Sunglass RB3184</h2>
                    <div class="product-img-box">
                        <p class="product-image">
                            <img src="<?php echo $this->templateURL; ?>/images/sale_icon_img.png" title="Sale"
                            alt="Sale" class="sale-img" />
                            <a href="view.html" title="Image"><img src="<?php echo $this->templateURL; ?>/images/quick_view_img.png" title="Image" alt="Image" /></a>	
                        </p>
                        <ul class="thum-img">
                            <li>
                                <img src="<?php echo $this->templateURL; ?>/images/quick_thum_img.png"
                                title="" alt="" />
                            </li>
                            <li>
                                <img src="<?php echo $this->templateURL; ?>/images/quick_thum_img.png"
                                title="" alt="" />
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="quick-view-right tabs">
                    <ul class="tab-block tabNavigation">
                        <li><a class="selected" title="Overview" href="#tabDetail">Overview</a>
                        </li>
                        <li><a title="Description" href="#tabDes">Description</a>
                        </li>
                    </ul>
                    <div id="tabDetail" class="tabDetail">
                        <div class="first-review">Be the first to review this product</div>
                        <div class="price-box">
                            <span class="price">$600.00</span>	
                        </div>
                        <div class="availability">In stock</div>
                        <div class="color-size-block">
                            <div class="label-row">
                                <label><em>*</em> color</label>
                                <span class="required">* Required Fields</span>	
                            </div>
                            <div class="select-row">
                                <select>
                                    <option>-- Please Select --</option>
                                </select>
                            </div>
                            <div class="label-row">
                                <label><em>*</em> size</label>
                            </div>
                            <div class="select-row">
                                <select>
                                    <option>-- Please Select --</option>
                                </select>
                            </div>
                        </div>
                        <div class="add-to-cart-box">
                            <span class="qty-box">
					<label for="qty">Qty:</label>
					<a class="prev" title="" href="#"><img alt="" title="" src="<?php echo $this->templateURL; ?>/images/qty_prev.png"></a>
					<input type="text" name="qty" class="input-text qty" id="qty" maxlength="12" value="1" />
					<a class="next" title="" href="#"><img alt="" title="" src="<?php echo $this->templateURL; ?>/images/qty_next.png"></a>				</span>
                            <button title="Add to Cart" class="form-button"><span>Add to Cart</span>
                            </button>
                        </div>
                    </div>
                    <div id="tabDes" class="tabDes">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Maecenas erat odio, suscipit eu porta et, ultricies id
                            sapien. Quisque posuere odio eget lectus suscipit sodales.
                            Sed consequat, leo ut varius scelerisque, augue massa
                            tincidunt est, et tincidunt enim tortor a metus. In sit
                            amet diam in tellus tincidunt mollis. Class aptent taciti
                            sociosqu ad litora torquent per conubia nostra, per inceptos
                            himenaeos. Morbi hendrerit eleifend tortor, a dapibus
                            tellus suscipit porta. Class aptent taciti sociosqu ad
                            litora torquent per conubia nostra, per inceptos himenaeos.
                            In mollis adipiscing mi et volutpat. Aliquam vitae dui
                            nunc. Nulla ac ante eu massa dictum volutpat. Sed mauris
                            sem, posuere sit amet pretium consectetur, ullamcorper
                            vel orci. Aenean feugiat luctus lectus ac hendrerit.
                            Fusce pulvinar, mauris eget sodales suscipit, diam neque
                            condimentum lectus, id imperdiet felis turpis egestas
                            neque. In aliquet orci eget nisl sollicitudin sed gravida
                            tortor commodo</p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </section>
    </article>
    <!--Footer Block-->
    <section class="footer-wrapper">
        <footer class="container">
            <div class="link-block">
                <ul>
                    <li class="link-title">
                        <a href="<?php echo $this->url(array(), 'support', true); ?>" title="<?php echo $this->translate('support'); ?>">
                            <?php echo $this->translate('support'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'supportCheckout', true); ?>" title="<?php echo $this->translate('support checkout'); ?>">
                            <?php echo $this->translate('support checkout'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'supportInstall', true); ?>" title="<?php echo $this->translate('support install'); ?>">
                            <?php echo $this->translate('support install'); ?>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li class="link-title">
                        <?php echo $this->translate('contact'); ?>
                    </li>
                    <li>Skype: <a href="skype:ducnhat?chat">ducnhat</a></li>
                    <li>Yahoo: <a href="ymsgr:sendIM?nhat.do90">nhat.do90</a></li>
                    <li>Email: <a href="mailto:hotro@dietvirut.com">hotro@dietvirut.com</a></li>
                    <li>Điện thoại: 0122 901 2202</li>
                </ul>
                <ul>
                    <li>&nbsp;</li>
                </ul>
                <ul>
                    <li class="link-title"><a href="#" title="<?php echo $this->translate('about us'); ?>"><?php echo $this->translate('about us'); ?></a>
                    </li>
                    <li class="aboutus-block">
                        <a target="_blank" href="http://dietvirut.com">Dietvirut.com</a>
                         chuyên cung cấp bản quyền các phần mềm diệt virut Kaspersky, Norton, Bkav... giá tốt nhất.
                    </li>
                </ul>
                <ul class="stay-connected-blcok">
                    
                    <li>
                        <ul class="social-links">
                            <li><a target="_blank" data-tooltip="Like us on facebook" href="http://facebook.com/<?php echo $this->social('facebook'); ?>"><img alt="facebook" src="<?php echo $this->templateURL; ?>/images/facebook.png"></a>
                            </li>
                            <li><a target="_blank" data-tooltip="Follow us on twitter" href="http://twitter.com/<?php echo $this->social('twitter'); ?>"><img alt="twitter" src="<?php echo $this->templateURL; ?>/images/twitter.png"></a>
                            </li>
                            <li><a data-tooltip="Subscribe to RSS feed" href="#"><img alt="RSS" src="<?php echo $this->templateURL; ?>/images/rss.png"></a>
                            </li>
                            <!--<li><a data-tooltip="Follow us on Dribbble" href="#"><img alt="dribbble" src="<?php echo $this->templateURL; ?>/images/dribbble.png"></a>
                            </li>
                            <li><a data-tooltip="Follow us on Youtube" href="#"><img alt="youtube" src="<?php echo $this->templateURL; ?>/images/youtube.png"></a>
                            </li>
                            <li><a data-tooltip="Follow us on skype" href="#"><img alt="skype" src="<?php echo $this->templateURL; ?>/images/skype.png"></a>
                            </li>-->
                        </ul>
                        <div class="payment-block">
                            <img src="<?php echo $this->templateURL; ?>/images/payment.png"
                            alt="payment">
                        </div>
                    </li>
                </ul>
            </div>
            <div class="footer-bottom-block">
                
                <p class="copyright-block">© 2014 <?php echo $this->webinfo('title'); ?>, All Rights Reserved.</p>
            </div>
        </footer>
    </section>
</body>

</html>